<template>
    <view class="member dir-left-nowrap cross-center main-center" :class="sign === 'gift' ? userTheme + '-color ' + userTheme : theme + '-m-text ' + theme + '-m-border ' + theme + ' ' + theme + '-m-back-o'" :style="{width: width,height: height,lineHeight: height}">会员价</view>
</template>

<script>
    export default {
        name: "app-member-mark",
        props: {
            width: {
                type: String,
                default() {
                    return `68rpx`;
                }
            },
            height: {
                type: String,
                default() {
                    return `28rpx`;
                }
            },
            theme: String,
            userTheme: String,
            sign: String
        }
    }
</script>

<style scoped lang="scss">
    .member {
        border: #{1rpx} solid;
        border-radius: #{8rpx};
        font-size: #{20rpx};
        transform: rotateZ(360deg)
    }
</style>